import Tooltip from '../ark-tooltip/ArkTooltip.vue';

export default {
  title: 'ark-component-v1/ArkTooltip',
  component: Tooltip,
  parameters: {
    docs: {
      description: {
        component: `请配合 <span style="font-weight: bold;font-size: 14px;color: grey">vue、element-plus</span> 使用`
      }
    }
  },
  argTypes: {
    content: {description: '提示内容'},
    line: {description: '提示内容溢出行数'},
    tooltip: {description: '提示内容部分'},
    default: {description: '触发提示部分'},
  }
};

export const Basic = {
  name: '基本使用',
  render: (args) => ({
    components: {Tooltip},
    setup() {
      return {args};
    },
    template: `
      <div style="width: 50px;font-size: 13px">
        <Tooltip v-bind="args"/>
      </div>`,
  }),
  args: {
    content: '提示内容提示内容提示内容',
    line: 1
  }
};